<!-- CustomStepIcon.vue -->
<template>
  <div class="custom-step-icon">{{ label }}</div>
</template>

<script setup>
defineProps({
  label: [String, Number],
});
</script>

<style scoped>
.custom-step-icon {
  width: 24px;
  height: 24px;
  font-style: normal;
  background-color: #fff;
  color: #4080ff;
  border: 2px solid #4080ff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
</style>
